<template>
<div class="footer-box">
  <el-button type="primary" style="float: right;">发布<i class="el-icon-upload el-icon--right"></i></el-button>
  <el-button type="primary" style="float: right;">保存至草稿箱<i class="el-icon-edit-outline el-icon--right"></i></el-button>
</div>
</template>

<script>
    export default {
        name: '',
        data (){
            return {}
        }
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.footer-box{
  position: fixed;
  height: 66px;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow:0 0 30px 10px rgba(255,255,255,.7);
  background: #f9f9f9;
}
</style>
